html{
    font-size: 10px;
}
body{
    overflow: auto !important;  //防止element图片点击后改变样式
    margin: 0;
    background-color: #f9f9f9;
    color:#2f495e;
}
p{
    margin: 1.2rem 0;
    padding: 0;
}
img{
    vertical-align: middle;
}
a{
    text-align: center;
    text-decoration: none;	
    outline: none;  /* 去除旧版浏览器的点击后的外虚线框 */	
    color: #304551;  /* 去除默认的颜色和点击后变化的颜色 */ 
}
:root{  //全局的公告css变量
    --container-width:940px;
    --head-container-height:55px;
}
::-webkit-scrollbar {
    width: 10px;
    height:10px;
    background-color: rgba(39, 35, 67, 0.07);
}
::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #272343;
}
::-webkit-scrollbar-track {
    display: none;
} 
::selection {
    background: #ffe89e;
}
.text_color{  //公共的字体颜色
    color:rgba(54, 78, 101, 1);
}
.my_box_shadow{
    box-shadow:0 0 3px #e7e9ec80;
}
.my_div_radius{  //元素圆角
    border-radius:0.2rem; 
}
//公共的message消息样式
.el-message {
    min-width: fit-content !important;
    border-radius: 2px !important;
    padding: 15px !important;
}
.el-image{     //公共图片样式
    >img{
        object-position: center 0;
    }
}
.el-popup-parent--hidden{
    padding-right: 0 !important;
}
@mixin my_tag{  //统一设置标签的样式
    .el-tag{
        text-align: center !important; 
        display: inline-table !important;
        border-radius: 0.2rem !important;
    }
    .el-tag--small{
        color:#ffffff !important;
        border-color: #ffffff00 !important;
        background-color: #0052ff85 !important;
        padding: 0 0.5rem !important;
        height: 2rem;
        line-height: 2rem;
        box-sizing: border-box;
    }
    .el-tag--success{
        background-color: rgb(11, 189, 135) !important;
        color: #08392f !important;
    }
    .el-tag--info{
        background-color: #b4b4b4 !important;
    }
    .el-tag--warning{
        background-color: #ff00008c !important;
    }
    .el-tag--danger{
        color:#5c6e06  !important;
        background-color: #ffd966 !important;
    }
}
@include my_tag;
@mixin code {
    padding: 0.3rem 0.5rem;
    margin: 0 0.3rem;
    border-radius: 0.2rem;
    white-space: nowrap;
    box-sizing:border-box;
    font-weight: bold;
    font-size: 1.2rem;
}
code_gray{  //灰色
    @include code;
    background-color: #e0e0e081; 
}
code_red{  //红色
    @include code;
    background-color: #f8225775;
    
}
code_green{  //绿色
    @include code;
    background-color: #00ff9575; 
}
code_purple{  //紫色
    @include code;
    background-color: #ff00ea75; 
}
code_yellow{  //黄色
    @include code;
    background-color: #ffd9664f; 
}
@mixin mark{
    line-height:transparent;
    background-color: transparent;
    background-position: 0 100%;
    background-size: 100% 30%;
    background-repeat: no-repeat;
}
mark_red{  //红色
    @include mark;
    background-image: linear-gradient(#e42c64,#e42c64);   
}
mark_yellow{  //黄色
    @include mark;
    background-image: linear-gradient(#ffd966,#ffd966);   
}
mark_green{  //绿色
    @include mark;
    background-image: linear-gradient(#00c58e,#00c58e);   
}
mark_gray{  //灰色
    @include mark;
    background-image: linear-gradient(#c3d8cf,#c3d8cf);   
}
mark_blue{ //蓝色
    @include mark;
    background-image: linear-gradient(#51eaea,#51eaea);   
}

